/* pages/goods_detail/index.scss */
page{
    padding-bottom: 90rpx;
}
.detail_swiper{
    swiper{
        height: 65vw;
        text-align: center;
        image{
            width: 60%;
        }
    }
}
.goods_info{
    .goods_price{
        padding: 15rpx;
        font-size: 35rpx;
        font-weight: 600;
        color: var(--themeColor);
    }
    .row{
        display: flex;
        .goods_name{
            flex: 5;
            color: black;
            font-size: 30rpx;
            padding: 0 10rpx;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient: vertical;
        }
        .goods_collect{
            flex: 1;
            text-align: center;
            border-left: 1px solid #ccc;
        }
    }
}

.goods_introduce{
    .title{
        font-size: 32rpx;
        color: var(--themeColor);
        font-weight: 600;
        padding: 20rpx;
        border-bottom: 1px solid black;
        margin: 20rpx 0;
    }
    .content{}
}

.btm_tool{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 90rpx;
    background-color: white;
    display: flex;
    text-align: center;
    border-top: 1px solid #ccc;
    .item{
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        button{
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
    }
    .btn_cart{
        flex: 2;
        background-color: orange;
        color: white;
        font-size: 30rpx;
        font-weight: 600;
    }
    .btn_buy{
        flex: 2;
        color: white;
        background-color: red;
        font-size: 30rpx;
        font-weight: 600;
    }
}